<template>
  <div class="wrapper">
    <NoviciateNightWork />
    <CommutingDeclaration />
  </div>
</template>

<script setup>
import NoviciateNightWork from "./NoviciateNightWork.vue";
import CommutingDeclaration from "./CommutingDeclaration.vue";
</script>

<style scoped>
.wrapper {
  width: 100%;
  min-height: 100%;
  display: flex;
  justify-content: center;
  align-items: start;
  /* padding: 24px; */
  color: var(--el-text-color-regular);
  flex-wrap: wrap;
  padding: 24px 12px;
}

.wrapper>* {
  width: 100%;
  min-width: 360px;
  max-width: 540px;
  margin: 1em;
}
</style>
